<!--写js的地方，setup:组合式API风格-->
<script setup>
  //定义变量，采用响应式的方式定义
  import {ref} from 'vue'
  //声明变量，并且赋值
  const msg = ref('欢迎大家学习Vue3')
  const age = ref(18)
  //在script中，使用前面定义的变量，需要使用.value，才有效
  console.log("我的口号是:",msg.value)
  console.log("我的年龄是:",age.value)
</script>

<!--写标签的地方，视图区：view-->
<template>
<!-- 模板语法 -->
  <div>{{msg}}</div>
  <p>小明的年龄:{{age}}</p>
</template>

<!--写css的地方-->
<style scoped>

</style>